$(function(){
    $("#type1").click(function(){
      $("html,body").animate({scrollTop: $(".second").offset().top - 50}, 500);
    });
     $("#type2").click(function(){
      $("html,body").animate({scrollTop: $(".third").offset().top - 50}, 500);
    });
     $("#type3").click(function(){
      $("html,body").animate({scrollTop: $(".fourth").offset().top - 50}, 500);
    });
     $("#type4").click(function(){
      $("html,body").animate({scrollTop: $(".fifth").offset().top - 50}, 500);
    });
     $("#type5").click(function(){
      $("html,body").animate({scrollTop: $(".sixth").offset().top - 50}, 500);
    })

})